<header id="topbar">
    <div class="topbar-left">
        <ol class="breadcrumb">
            <li class="crumb-active">
                <a href="#preset/tab/">Tab数据管理</a>
            </li>
        </ol>
    </div>
    <div class="topbar-right">
        <a href="#preset/tab/add/" class="btn btn-default btn-sm light fw600 ml10"><span class="fa fa-plus pr5"></span>新增Tab数据</a>
        <div class="ml15 ib va-m" id="toggle_sidemenu_r">
            <a href="#" class="pl5"> <i class="fa fa-sign-in fs22 text-primary"></i>
            </a>
        </div>
    </div>
</header>

<section id="content" class="animated fadeIn">
    <div class="panel overflow" >
        <table class="table table-striped fs13" id="main-list">
            <thead>
                <tr class="bg-light">
                    <th>ID</th>
                    <th>名称</th>
                    <th>顺序</th>
                    <th>Column_Type</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody class="admin-form">
                <% _.each(tabs, function(tab){ %>
                    <tr data-id="<%= tab.id %>" >
                        <td><a href="#preset/tab/<%= tab.id %>/" ><%= tab.id %></a></td>
                        <td><%= tab.name %></td>
                        <td><%= tab.sort_id %></td>
                        <td><%= tab.column_type %></td>
                        <td><%= tab.updated_at %></td>
                        <td class="text-left">
                            <a class="glyphicons glyphicons-pencil" href="#preset/tab/<%= tab.id %>/"></a>
                            <a class="glyphicons glyphicons-remove_2 onClickDelete" href="javascript:;"></a>
                        </td>
                    </tr>
                <%
                }) %>
            </tbody>
        </table>
    </div>

    <div><div class="pull-left" id="page-tips"></div><div id="paginator"></div></div>
</section>
